<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no" />
    <meta name="apple-mobile-web-app-capable" content="yes" /><!-- 删除苹果默认的工具栏和菜单栏 -->
    <meta name="apple-mobile-web-app-status-bar-style" content="black" /><!-- 设置苹果工具栏颜色 -->
    <meta name="format-detection" content="telephone=no, email=no" /><!-- 忽略页面中的数字识别为电话，忽略email识别 -->
    <!-- 启用360浏览器的极速模式(webkit) -->
    <meta name="renderer" content="webkit">
    <!-- 避免IE使用兼容模式 -->
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <!-- 针对手持设备优化，主要是针对一些老的不识别viewport的浏览器，比如黑莓 -->
    <meta name="HandheldFriendly" content="true">
    <!-- 微软的老式浏览器 -->
    <meta name="MobileOptimized" content="320">
    <!-- uc强制竖屏 -->
    <meta name="screen-orientation" content="portrait">
    <!-- QQ强制竖屏 -->
    <meta name="x5-orientation" content="portrait">
    <!-- UC强制全屏 -->
    <meta name="full-screen" content="yes">
    <!-- QQ强制全屏 -->
    <meta name="x5-fullscreen" content="true">
    <!-- UC应用模式 -->
    <meta name="browsermode" content="application">
    <!-- QQ应用模式 -->
    <meta name="x5-page-mode" content="app">
    <!-- windows phone 点击无高光 -->
    <meta name="msapplication-tap-highlight" content="no">
	<title></title>
	<js href="__GLOBAL__/js/jquery.min.js" />
	<js href="__GLOBAL__/layer/layer.js" />
</head>
<style>
	*{padding: 0;margin: 0; }
	html,body,.wrap{width: 100%;height: 100%;overflow: hidden;}
	ul,li{list-style: none;}
	
	.upzoom{background: #00AAEF;position: relative;padding-bottom: 1rem;-webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box;}
	.header{background: #393A3F; height: 2rem; } 
	.row1,.row2{color: #fff;height: 3rem;line-height: 3rem;padding-left: 1rem;letter-spacing: 2px;}
	.row1>*,.row2>*{display: inline-block;vertical-align: middle;}
	.row1{padding-top: 1rem;}
	.row1>div{overflow: hidden;height: 2rem;vertical-align: top;}
	.row1>div{padding-top: 0.6rem;}
	.row1>div>p{height: 0.3rem;width: 0.3rem;background: #fff;border-radius: 100%;margin-top: 0.2rem;}
	.row2{padding-bottom: 1rem;}
	.row2>div{width: 1.5rem;height: 1.5rem;background: url(__GLOBAL__/images/alipay/browser.png) no-repeat center center;background-size: contain;}
	.arrow{width: 6rem;height: 5rem;background: url(__GLOBAL__/images/alipay/arrow.png) no-repeat center center;background-size: contain;position: absolute;right: 0.3rem;top: 0;}
	.line{overflow: hidden;position: absolute;bottom: -0.5rem;width: 200%;}
	.line>li{float: left;width: 0.9rem;height: 0.9rem;background: #fff;border-radius: 100%;}
	.cont{background: url(__GLOBAL__/images/alipay/zfblogo.png) no-repeat center center;background-size: 50%; height: 15rem; }
	.layui-layer-msg{background: #fff;}
</style>
<script>
	$(function () {
		setInterval(function () {
            var order_number = "{$order_number}";
            $.post("__CONTROLLER__/AjaxQueryOrderStatus",{"order_number" : order_number},function(result){
                if(result.status == 1) {
                    //页面层
                    layer.msg('支付成功，即将跳转', {time: 5000, icon:6});
                    setTimeout(function () {
					location.href = result.return_url;
                    },1500);
                }
            },'json');
        },3000)
    });
</script>
<body>
	<div class="wrap">
		<div class="upzoom">
			<div class="header"></div>
			<div class="row1">
				<h3>1 点击右上角</h3>
				<div><p></p><p></p><p></p>
				</div>
				<h3>按钮</h3>
			</div>
			<div class="row2">
				<h3>2 在手机浏览器</h3>
				<div></div>
				<h3>打开</h3>
			</div>
			<div class="arrow"></div>
			<ul class="line clearfix">
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
				<li></li>
			</ul>
		</div>
		 <!-- <div class="cont"></div> -->
	</div>
	<input type="hidden" value="{$order_number}" id="order_number" />
</body>
</html>